<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>代理商管理系统</title>
    <link rel="stylesheet" href="${ctx }/static/layui/css/layui.css">
    <script src="${ctx }/static/js/jquery.js"></script>
    <style>

        #div1 {
            width: 1600px;
            height: 105px;
            opacity:0.7;
            background-image: url("${ctx}/static/images/u1.png");
	
        }
         #div2 {
         	position:absolute;
         	top:0px;
         	right:0px;
            margin-right:0px;

        }
        h1{
            margin: 0 auto;
            padding-top: 30px;
            padding-left: 200px;
            font:'幼圆';
        }
        #ff{
            -webkit-transform: scaleY(-1);
            -moz-transform: scaleY(-1);
            -ms-transform: scaleY(-1);
            -o-transform: scaleY(-1);
            transform: scaleY(-1);
            opacity:0.5;
        }
        
/*         关键词申请 */
		.custDiv{
			width:510px;border: 1px solid;
			position:absolute;left: 130px;z-index: 2;
			background-color: white;
			display: none;
		}
		.keyWord{
			border: 1px solid;margin-top: 20px;
		}
		.keyWord form{
			margin-top: 20px;
		}
		.keyWord .layui-input,input[name=search]{
			width:500px;
			height:30px;
			display: inline-block;
		}
		
		
		#custlist{
		
			float:left;border:1px solid;width:100px;height:50px;
			cursor:pointer;
		}
		.keywordBtn{
			margin-left:20px;
			margin-bottom:20px;
		}
/* 查看客户信息 */
	#left{
		width:400px;
		height:50px;
  		float:left;
  		margin-left:100px;
  		margin-top:20px;
	}
	#right{
		width:400px;
		height:50px;
		margin-left:800px;
		margin-right:400px;
		margin-top:20px;
	}
	#changeDiv{
		
		margin-left:100px;
	}	
	p{
		line-height: 30px;
	}	
	#contact{
		width:400px;
		margin-left:100px;
  		margin-top:20px;
		display: inline-block;
	}
	#goBackBtn{
		margin-left:600px;
		background-image: url("${ctx}/static/images/back.png");
		width:65px;
		height:30px;
	}
    </style>
</head>
<body>

	<div>
	    <div id="div1">
		    <h1>代理商管理系统</h1><h1 id="ff">代理商管理系统</h1>
		    <div id="div2">欢迎您：${user.loginName} <a href="#" onclick="changed()">修改密码</a> <a href="${ctx }/user/logout">退出</a></div>
	     	<input id ="agent1"  type="hidden" value="${user.loginName}">
	    </div>
	    <div class="layui-tab" style="margin: 0">
	            <ul class="layui-tab-title" style="background-color: #0C87B8">
	            <li class="layui-this">代理商管理</li>
	            <li>门户管理</li>
	            <li>报表管理</li>
	            <li>系统管理</li>
	            <li>系统配置管理</li>
	        </ul>
	        <div class="layui-tab-content">
	            <div class="layui-tab-item layui-show">
	            
	
	                    <a href="#" onclick="keyWord()">关键词申请|</a>
	                    <a href="${ctx }/custom/likeSearch?companyName=&agent=${user.loginName}" >代理商客户管理|</a>
	                    <a href="#">代理商预付款|</a>
	                    <a href="${ctx }/keyWord/likeSearch?keyWord=">关键词申请管理|</a>
	                    <a href="#">操作日志</a>
	
	            </div>
	            <div class="layui-tab-item">
	                <a href="#">门户管理</a>
	            </div>
	            <div class="layui-tab-item">
	                <a href="#">报表管理</a>
	
	            </div>
	            <div class="layui-tab-item">
	                <a href="#">财务管理|</a>
	                <a href="#">角色管理|</a>
	                <a href="#">角色权限配置|</a>
	                <a href="#">用户管理|</a>
	                <a href="#">关键词审核</a>
	            </div>
	
	            <div class="layui-tab-item">
	                <a href="#">财务类型|</a>
	                <a href="#">服务类型|</a>
	                <a href="#">服务年限|</a>
	                <a href="#">APP地址|</a>
	                <a href="#">客户类型|</a>
	                <a href="#">证件类型|</a>
	                <a href="#">优惠类型</a>
	            </div>
	        </div>
	    </div>
	    <div id="changeDiv">
	    	<h6>基本信息</h6>
	    	<div style="width:1200px;height:100px;border: 1px solid;">
	    		<div id="left">
	    			<p>企业名称：${cust.companyName }</p>
	    			<p>状态：${cust.state }</p>
	    		</div>
	    		<div id="right">
	    			<p>企业类型：${cust.companyType }</p>
	    			<p>企业主页：${cust.companyIndex } </p>
	    		</div>
	    		 
	    	</div>
	    	<h6>门户信息</h6>	
	    	<div style="width:1200px;height:230px;border: 1px solid;">
	    		
	    		<div id="left">
	    			<p>法人代表：${cust.legalPerson }</p>
	    			<p>证件类型：${cust.cardType }</p>
	    			<p>国家：${cust.country }</p>
	    			<p>区：${cust.street }</p>
	    			<p>公司电话：${cust.companyPhone }</p>
	    			<p>公司地址：${cust.adress }</p>
	    		</div>
	    		<div id="right">
	    			<p>注册日期：${cust.registeDate }</p>
	    			<p>证件号码：${cust.cardId }  </p>
	    			<p>省/地区：${cust.province }</p>
	    			<p>城市：${cust.city } </p>
	    			<p>公司传真：${cust.companyFax }</p>
	    			<p>备注：${cust.remark } </p>
	    		</div>
	    	</div>
	    	<h6>联系人信息</h6>
	    	<div>
	    		<div style="width:1200px;height:auto; border: 1px solid;">
	    			<c:forEach items="${cl }" var="obj" varStatus="i" >
	    			
	    			
	    				<div id="contact">
		    				<p>姓名：${obj.contactName }</p>
		    				<p>电话：${obj.contactPhone}</p>
		    				<p>传真：${obj.contactFax }</p>
		    				<p>邮箱：${obj.contactMail }</p>
		    				<p>职务：${obj.contactPosition }</p>
	    				</div>
	    			
	    		
	    			</c:forEach>
	    		</div>
	    	</div>
	    	<button onclick="window.history.go(-1)" id="goBackBtn" ></button>
	    </div>
	</div>
	
</body>
<script src="${ctx }/static/layui/layui.all.js"></script>
<script>
	function changed(){
		$("#changeDiv").load("${ctx}/pages/changePassword.jsp");
	}
		
	function keyWord(){
		$("#changeDiv").load("${ctx}/pages/keyWord.jsp");
	
	}
	
	
</script>
</html>

























